<template>
	<div>
		<el-breadcrumb separator="/">
			<el-breadcrumb-item :to="{  path: '/adminHome' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item><a href="/adminHome">控制面板</a></el-breadcrumb-item>
		</el-breadcrumb>
		<el-card class="box-card" style="width: 1200px;">
			{{da}}
			<div id="main" style="width: 600px;height:400px;"></div>
		</el-card>

	</div>
</template>

<script>
	import * as echarts from 'echarts';
	export default {
		mounted() {
			this.queryAll()
		},
		methods:{
			//查询全部
			async queryAll() {
			
				var res = await this.$http.post('echartsj')
				/* //this.option.series[0].data = res.data.data
				this.da=res.data.data */
				this.option.series[0].data=res.data.data
				console.log(this.option.series[0].data)
				console.log(res.data.data);
				// 1.基于准备好的dom，初始化echarts实例
				var myChart = echarts.init(document.getElementById('main'));
				// 2.指定图表的配置项和数据 
				// 3.使用刚指定的配置项和数据显示图表。 
				myChart.setOption(this.option);
			},
		},

		data() {
			return {
				option:{
					
					 series : [
					        {
					            name: '访问来源',
					            type: 'pie',
					            radius: '55%',
					            data:[
									
								]
					        }
					    ]
				},
				tableData:[]
			}
		}
	}
</script>

<style>
</style>
